@charset "utf-8";
/*************************************************************
基础信息：
	主明：此css全课云ui样式，属于一些组建和控件的统一与各类的样式
	可以添加和修改里面的样式，但得注明版本和更新内容;
	初始化版本号：1.0;
	初始化人员：zwt;
	日期：2016/06/06;
**********************************************************
更新信息：
	更改版本号：2.0;
	更改人员：zwt;
	日期：2016/08/11;
	更改内容：抽出颜色风格到qkyui_theme.css,优化和新增日历，下拉的特殊情况下的样式，增加一些宽度的档位，新增进度条，连体按钮，伸头导航，交互导航，反色背景fhbg按钮等新控件；
**********************************************************
中间版本有无数次更新，于是下个版本之间跟着大版本
更新信息：
	更改版本号：3.2;
	更改人员：zwt;
	日期：2016/09/22;
	更改内容：新增弹窗单文字图标，N级导航；
**************************************************************/


/*下拉菜单*/
.qkysel{ line-height:32px; font-size:14px;}
.qkysel.center_l{ width:480px; margin:auto;}
.qkysel .seltxt{height:34px; line-height:34px; margin-right:4px; position:relative;}
.qkysel .seltxt.dingw{width:70px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.qkysel .seltxt b{ position:absolute; left:-16px; top:0; display:block; height:34px; line-height:44px; width:16px; font-size:20px; text-align: right;}
.qkysel .selftxt{ width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; color:#fff; font-size:16px;}
.qkysel .selshow{ width:106px; padding-left:10px; cursor:pointer; position:relative;}
.qkysel .selshow.auto{ width:auto; padding:0 0 0 14px; box-sizing:border-box;}
.qkysel .selshow.XS{ width:30px; padding: 0 7px ; }
.qkysel .selshow.inp.XS input{text-align:center;}
.qkysel .selshow.MSS{ width:50px;}
.qkysel .selshow.MS57{ width:57px;}
.qkysel .selshow.MS{ width:60px;}
.qkysel .selshow.MS77{ width:77px;}
.qkysel .selshow.S80{ width:80px;}
.qkysel .selshow.S100{ width:100px;}
.qkysel .selshow.S110{ width:110px;}
.qkysel .selshow.S130{ width:130px;}
.qkysel .selshow.S140{ width:140px;}
.qkysel .selshow.S{ width:120px;}
.qkysel .selshow.M{ width:160px;}
.qkysel .selshow.M180{width:180px;}
.qkysel .selshow.L{ width:220px;}
.qkysel .selshow.XL{ width:280px;}
.qkysel .selshow.XXL{ width:340px;}
.qkysel .selshow.inp.hicon{ position:relative; z-index:99;}
.qkysel .selshow.inp.hicon .timeicon{ position:absolute; width:32px; height:32px; top:0; right:0; text-align:center; z-index:12;}
.qkysel .selshow.inp.hicon .u_d{position:absolute; width:32px; height:32px; top:0; right:0; text-align:center; z-index:12;}
.qkysel .selshow.inp.hicon .u_d i{ display:block; text-align:center; font-size:14px; line-height:16px;}
.qkysel .selshow.inp input[type='text'],.qkysel .selshow.inp input[type='date']{ background:none; border:none;  font-size:14px; width:100%; position:relative; z-index:11; font-family: Arial,Microsoft YaHei;}
.qkysel .selshow.text textarea{ background:none; border:none;  font-size:14px; width:100%; position:relative; z-index:11; min-height:5em; line-height:22px; font-family: Arial,Microsoft YaHei; padding:8px 0;}
.qkysel .selshow a.selectON{ width:85%; padding-right:15%; display:block;}
.qkysel .optionbox{ position:absolute; width:100%; top:100%; left:-1px;  display:none; z-index:666;}
.qkysel .upsel .optionbox{ top:auto; bottom:100%;}
.qkysel .optionbox.scroll{ height:400px;overflow-y:scroll; overflow-x:hidden; }
.qkysel .optionbox a.option{ line-height:28px; height:28px; text-align:center; font-size:14px;display:block; margin:1px 0; width:90%; padding:0 5%;}
.qkysel .optionbox div.option{ width:100%;position:relative; z-index:777; margin-bottom:2px; }
.qkysel .optionbox div.option a.twosel{ width:75%; padding-left:5%; margin:0 10%; display:block; line-height:30px; height:30px;}
.qkysel .optionbox2{width:80%; margin:0 auto; display:none;}
.qkysel .optionbox2 a.option2{width:85%; padding-left:5%; margin:0 5%;color:#999;line-height:28px; height:28px; text-align:center;display:block; text-align:left;}

/*平行输入框和按钮*/
.qkyinp{ width:200px;}
.qkyinp.M{ width:250px;}
.qkyinp.L{ width:300px;}
.qkyinp.XL{ width:350px;}
.qkyinp .inptext{ width:80%; box-sizing:border-box;}
.qkyinp .inptext input{ width:100%;  line-height:32px;font-size:14px;background:none; border:none; font-family: Arial,Microsoft YaHei;}
.qkyinp .inpbut{ width:20%;box-sizing:border-box; }
.qkyinp .inpbut a{ display:block;height:32px; line-height:32px;  text-align:center; font-size:14px;}
.qkyinp .inpbut a i{ font-size:18px;}

/*按钮*/
.qkybut{ width:80px; text-align:center; line-height:32px; height:32px; font-size:14px; display:inline-block; box-sizing:border-box;}
.qkybut{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qkybut.auto{ width:auto; padding:0 6px;}
.qkybut.XS{ width:40px;}
.qkybut.S{ width:60px;}
.qkybut.M{ width:120px;}
.qkybut.ML{ width:130px;}
.qkybut.L{ width:160px;}
.qkybut.XL{ width:200px;}
.qkybut.P100{ width:100%;}
.qkybut.sigzi{ border:none;}
.qkybut.hbg{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qkybut.lk{ border:1px solid;}
.qkybut.lk.M{padding:0 12px !important;}
.qkybut.lk.L{padding:0 18px !important;}
.qkybut.lk.XL{padding:0 24px !important;}
.qkybut.lk.XXL{padding:0 54px !important;}
.qkybut.lk.bf80{ padding:0; width:80%; height:40px; line-height:40px;}
.qkybut.lk.bf90{ padding:0; width:92%; height:50px; line-height:50px;}
.qkybut.min_cbut{height:40px; line-height:40px; display: inline-block; margin:0 auto;}
.qkybut.max_cbut{font-size:16px; height:48px; line-height:48px; display: inline-block; margin:0 auto;}
.qkybut.tline{ border:none; width:100%;}
.qkybut.bline{ border:none; width:auto;}
.qkybut.brad4{border-radius:4px;}

/*连体按钮*/
.qkybut_lt{text-align:center; border-radius:28px; border:2px solid #5884e9; background:#5884e9;}
.qkybut_lt a{ width:50%; display:block; float:left; height:42px; line-height:42px;background:#5884e9;color:#fff;text-align:center; font-size:14px;border-radius:22px;}
.qkybut_lt a.cur{ background:#fff; color:#5884e9;}
.qkybut_lt a.cur:hover{color:#5884e9;text-shadow:0 0px 2px #5884e9; }
.qkybut_lt a:hover{color:#f1f1f1;text-shadow:0 0px 2px #f1f1f1; }
.qkybut_lt.center{ width:100%;}
.qkybut_lt.center a{ display:inline-block; float:none; margin-left:-4px;}

/*分页*/
.qkypage{ text-align:center; margin:0 auto; }
.qkypage a{ display:inline-block; height:28px; line-height:28px; padding:0 12px;  margin:0 3px;border-radius:2px}
.qkypage a.no{ cursor:default;}


/*弹窗基础样式*/
.qky_maskbox{ position: fixed; z-index:999999999; top:0; left:0; width:100%; height:100%; display:none;}
.qky_maskbg{position:fixed; z-index:999999999; top:0; left:0; width:100%; height:100%;}
.qky_maskmian{ position: absolute; z-index:9999999999; width:300px;  }
.qky_maskmian.L{ width:320px;}
.qky_maskmian.XL{ width:460px;}
.qky_maskmian.W600{ width:600px;}
.qky_maskmian.XXL{ width:660px;}
.qky_maskmian.XXXL{ width:800px;}
.qky_maskmian.W1000{ width:1000px;}
.qky_masktit{ height:46px; line-height:46px; font-size:18px; position:relative;text-align:center;}
.qky_masktit_b{ height:36px; line-height:36px; font-size:18px; position:relative;text-align:center;}
.maskclose{ position:absolute; width:18px; height:18px; right:12px; top:12px; text-align:center; line-height:18px;}
.maskclose i{ font-size:18px;}
.qky_maskcont{ width:100%;box-sizing:border-box;}
.qky_maskcont .sigtext{ width:100%; padding:30px 0; text-align:center; font-size:14px;display:block;}
.qky_maskbuts{ width:100%; }
#msgicon{ font-size:60px; display:block; text-align:center; color:#9fdf34; margin:20px auto 10px;}
#msgtxt{ font-size:16px; color:#898989; width:100%; text-align:center; height:36px; line-height:36px; margin-bottom:16px;}
.maskBut{ width:50%; box-sizing:border-box;  font-size:16px; text-align:center; padding:16px 0;}

/*自主复选框*/
.qkychbox{ width:14px; height:14px; border-radius:2px; display:inline-block !important; line-height:15px; text-align:center;}
.qkychbox i{ font-size:12px; }
.qkychbox.w16{ width:16px; height:16px; line-height:17px;}
.qkychbox.w18{ width:18px; height:18px; line-height:19px;}
.qkychbox.w20{ width:20px; height:20px; line-height:21px;}
.h34{ margin:8px 0;}
.qkychbox.h34{ margin-right:4px; display:block;}
.qkychbox.yuan{ width:16px; height:16px; line-height:17px; border-radius:50%;}

/*文本框*/
.qkytextarea{ width:100%; box-sizing:border-box;}
.qkytextarea .ta_tit{ font-size:14px; height:30px; line-height:32px; width:100%; text-align:left; position:relative;}
.qkytextarea .ta_tit.dingw{width:70px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.qkytextarea .ta_tit b{ position:absolute; left:-16px; top:0; display:block; height:34px; line-height:44px; width:16px; font-size:20px; text-align: right;}
.qkytextarea textarea{  width:92%;font-family: Arial,Microsoft YaHei; padding:12px; font-size:12px;  line-height:20px; height:140px;}
.qkytextarea.float .ta_tit{ width:auto; float:left;margin-right:4px;}
.qkytextarea.float textarea{ width:auto; float:left; min-height:120px; }
.qkytextarea textarea.XL{ width:210px; padding: 6px 10px;}
.qkytextarea.p100 textarea{ width:88%; box-sizing:border-box;padding: 6px 10px; font-size:14px;}
.qkyh1{ width:100%; padding:8px 0; text-align:center; font-size:20px; position:relative;}
.qkyi_close{ position:absolute; width:46px; height:46px; text-align:center; line-height:40px; top:0; left:0;}
.qkyi_close i{ font-size:24px;}

/*日历*/
.qky_calendar{width:300px;padding:10px; position:absolute; top:100%; left:0; z-index:99999; display:none;}
.qky_calsel{ height:32px; line-height:32px; font-size:14px;}
.qky_calsel .calselshow{ width:62px; cursor:pointer; position:relative;}
.qky_calsel .calselshow.MS77{ width:77px;}
.qky_calsel .calselshow a.calselectON{ width:80%; padding:0 10%; display:block;}
.qky_calsel .caloptionbox{ position:absolute; width:100%; top:100%; left:-1px; display:none; z-index:666;}
.qky_calsel .caloptionbox.scroll{ height:400px; overflow-y:scroll; overflow-x:hidden;}
.qky_calsel .caloptionbox a.option{ line-height:28px; height:28px; text-align:center; font-size:14px; display:block; margin:1px 0; width:90%; padding:0 5%;}
.qky_calsel .upsel .caloptionbox{ top:auto; bottom:100%;}
.qky_calendar .showdate{ height:34px; line-height:34px; font-size:16px; }
.qky_cal_tab{ width:100%;  }
.qky_cal_tab th{ padding:8px 0;font-size:14px;}
.qky_cal_tab td{  text-align:center;font-size:14px; border:1px  solid;border-top:none; border-left:none;}
.qky_cal_tab td a{ display:block; padding:6px 0; }


/*交互导航*/
.qkynav{ width:100%; }
.qkynav label{ font-size:16px; display:block; position: relative; height:40px; line-height:40px; width:100%; box-sizing:border-box; text-align:center; cursor:pointer;}
.qkynav label i{ font-size:18px;}
.qkynav label a{ position:absolute; width:16px; height:16px; line-height:16px; top:13px; right:16px;}
.qkynav label a i{ font-size:14px;}
.qkynav ul{ width:100%; display:none;}
.qkynav ul li{ width:100%; text-align:center; font-size:14px;  height:36px; line-height:36px; cursor:pointer;}

.qkynavs{}
.qkynavs li{ float:left;line-height:34px; margin-right:2px;}
.qkynavs li a.navs{line-height:34px;  height:34px;font-size:14px; text-align:center; display:block;padding:0 25px; color:#666;}
.qkynavs li a.navs:hover,.qkynavs li .cur{ background:#3fc1fd;}
.qkynavs label{ font-size:16px; display:block; position: relative; padding:0 25px; height:34px; line-height:34px; box-sizing:border-box;cursor:pointer;}
.qkynavs label a{ width:20px; display:block; position:absolute; top:0; right:0; line-height:36px; text-align:center;}
.qkynavs label a i{ font-size:16px;}
.qkynavs ul.navsul{ position:absolute; top:100%; left:0; width:100%; z-index:66; display:none;}
.qkynavs ul.navsul li{ width:100%;}
.qkynavs ul.navsul li a{ width:100%; display:block; text-align:center; color:#666;}
.qkynavs ul.navsul li a:hover,.qkynavs ul.navsul li.cur a{ background:#04acf7; color:#fff;}

/*伸头导航*/
.qkynav_zu{ width:100%;}
.qkynav_zu a{ margin-right:2px; background:#717171; float:left; display:block; padding:10px 16px; color:#fff; font-size:18px; border-radius:6px 6px 0 0;}
.qkynav_zu a:hover,.qkynav_zu a.cur{ background:#71bb2a;}

/*表格基础样式*/
.qkytable{ width:100%;}
.qkytable th{ padding:8px 0; font-size:16px;}
.qkytable td{text-align:center; padding:4px 0; font-size:16px;border:1px solid; border-top:none; border-left:none;line-height:32px;}
.qkytable.noline td{ border:none !important;}

/*进度条*/
.qkyProgress{ width:100px; height:24px; border-radius:12px; position:relative; margin-right:36px; background:#e9e9e9;}
.qkyProgress_zi{ width:0%; height:100%; background:#70d130;border-radius:12px; }
.qkyProgress_show{position:absolute; width:100%; text-align:center; color:#666; top:0; left:0; height:100%; line-height:24px; color:#fff; text-align:center;}

/*N级导航树*/
.qky_njclick{ padding:10px 0;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; padding-left:2%;}
.qky_njclick{ -webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.qky_njclick:hover{ background:#ddf0cc; }
.qky_njbox{ display:none;}
.qky_njend{ display: block; padding:4px 8px;}
.qky_njend:hover,.qky_njend.cur{ background:#ddf0cc;}


